<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
	<div class="container">
		<h1>h1. Heading 1</h1>
		<h2>h2. Heading 2</h2>
		<h3>h3. Heading 3</h3>
		<h4>h4. Heading 4</h4>
		<h5>h5. Heading 5</h5>
		<h6>h6. Heading 6</h6>

		<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum
			sociis natoque penatibus et magnis dis parturient montes, nascetur
			ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
		<p>Cum sociis natoque penatibus et magnis dis parturient montes,
			nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor
			fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor
			ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non
			metus auctor fringilla.</p>
		<p class="lead">Maecenas sed diam eget risus varius blandit sit
			amet non magna. Donec id elit non mi porta gravida at eget metus.
			Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget
			lacinia odio sem nec elit.</p>
		<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor
			mauris nibh.</p>
		<p class="text-warning">Etiam porta sem malesuada magna mollis
			euismod.</p>
		<p class="text-error">Donec ullamcorper nulla non metus auctor
			fringilla.</p>
		<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem
			lacinia quam venenatis.</p>
		<p class="text-success">Duis mollis, est non commodo luctus, nisi
			erat porttitor ligula.</p>
		<p>
			<abbr title="HyperText MarkUp Language" class="initialism">HTML</abbr>
			is the best thing since sliced bread.
		</p>
		<p>
		<address>
			<strong>Tianyi, Wu</strong> huajingxincheng<br /> san lou<br /> <abbr
				title="Phone">P:</abbr> (123)456-789
		</address>
		</p>
		<blockquote>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Integer posuere erat a ante.</p>
		</blockquote>
		<blockquote class="pull-right">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Integer posuere erat a ante.</p>
			<small>Someon famous <cite title="Source Title">Source
					Title</cite>
			</small>
		</blockquote>
		<ul class="unstyled">
			<li>first</li>
			<li>second</li>
			<li>third</li>
		</ul>
		<ol>
			<li>first</li>
			<li>second</li>
			<li>third</li>
		</ol>
		<dl class="dl-horizontal">
			<dt>Description</dt>
			<dd>Description1</dd>
		</dl>
		<p>
			For example,
			<code>
				<section>
			</code>
			should be wrapped as inline.
		</p>
		<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
		<pre class="pre-scrollable">
		Cum sociis natoque penatibus et magnis dis parturient montes,
		nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor
		fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor
		ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non
		metus auctor fringilla.
		Cum sociis natoque penatibus et magnis dis parturient montes,
		nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor
		fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor
		ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non
		metus auctor fringilla.</pre>
		
		<table class="table table-striped">
			<thead>
				<tr>
					<th>First Name</th>
					<th>Last Name</th>
					<th>User Name</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Mark</td>
					<td>Otto</td>
					<td>@mdo</td>
				</tr>
			</tbody>
		</table>
		<form>
			<legend>Legend</legend>
			<label>Label name</label>
			<input type="text" placeholder="Type something...">
			<span class="help-block"> Example block-level help text here.</span>
			<label class="checkbox">
				<input type="checkbox"> Check me out
			</label>
			<button type="submit" class="btn">Submit</button>
		</form>
	</div>
	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>